﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Default_seguidores.aspx.cs" Inherits="UIWeb.Default_seguidores" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="Scripts/mootools-1.2.5-core-nc.js" type="text/javascript"></script>
    <link href="Scripts/calendarV2/DatePicker.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/calendarV2/DatePicker.js" type="text/javascript"></script>
    <link href="Styles/eventCalendar.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/JsSeguidores.js" type="text/javascript"></script>
    <link href="Styles/medallero.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="10">
        <ProgressTemplate>
            <div id="ovUp" runat="server" class="over">
                Cargando...
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:HiddenField ID="hidDate" runat="server" />
            <div id="tooltips" style="visibility: hidden;">
            </div>
            <div>
                <h3>
                    Calendario de Eventos</h3>
            </div>
            <table id="eventCalendarContent">
                <thead class="eventCalendarHeader">
                    <tr>
                        <asp:Literal ID="litCalendarHeader" runat="server"></asp:Literal>
                    </tr>
                </thead>
                <tbody class="eventCalendarRow">
                    <asp:Literal ID="litCalendarBody" runat="server"></asp:Literal>
                </tbody>
                <tfoot class="eventFoot">
                    <tr>
                        <td colspan="14">
                            <div style="float: right;">
                                <table>
                                    <tr>
                                        <td style="border: none; padding-right: 20px;">
                                            <asp:LinkButton ID="LinkButton1" runat="server" Style="color: #333; padding-right: 2px;
                                                text-decoration: none; font-size: 12px;" OnClick="LinkButton1_Click">Ver Hoy</asp:LinkButton>
                                        </td>
                                        <td style="border: none !important;">
                                            <asp:TextBox runat="server" ID="txtIniDate" CssClass="DatePicker"></asp:TextBox>
                                        </td>
                                        <td style="border: none !important; padding-right: 15px;">
                                            <asp:LinkButton ID="updateCalendar" runat="server" Style="text-decoration: none !important;
                                                border: none !important;" OnClick="updateCalendar_Click"><img src="Images/reload_icon_mac.png" style="width:28px;padding-top:3px;"/></asp:LinkButton>
                                        </td>
                                        <td style="border: none !important;">
                                            <div style="width: 60px;">
                                                <asp:LinkButton ID="lnkBack" runat="server" OnClick="lnkBack_Click"> <div class="arrowLeft"></div></asp:LinkButton>
                                                <asp:LinkButton ID="lnkNext" runat="server" OnClick="lnkNext_Click"><div class="arrowRigth"></div></asp:LinkButton>
                                                <div class="clear">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="clear">
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
    <div style="padding-top: 30px;">
        <div style="float: left; width: 35%;">
            <div>
                <div style="float: left; width: 45px;">
                    <img src="Images/msg_icon.png" style="width: 45px;" />
                </div>
                <div style="float: left; padding-left: 5px;">
                    <h3>
                        Favoritos</h3>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="msgFav">
                <marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="-5"
                    direction="up" height="200px">
                              <asp:Literal ID="litMsgFavotites" runat="server"></asp:Literal></marquee>
            </div>
            <div style="padding-top: 10px;">
                <div style="padding-left: 5px; padding-top: 12px;">
                    <div style="float: left; padding-top: 11px; padding-right: 12px;">
                        <img src="Images/AddFavoritos.jpg" style="width: 30px;" />
                    </div>
                    <dif>
                    <h3>
                        Agregar a Favoritos:
                    </h3>
                    </dif>
                    <div class="clear">
                    </div>
                </div>
                <div class="CheckBox">
                    <asp:GridView ID="GridViewSeguir" runat="server" AutoGenerateColumns="False" CellPadding="4"
                        ForeColor="#333333" AllowPaging="True" DataKeyNames="Id" GridLines="None" Height="48px"
                        Width="315px" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
                        <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                        <Columns>
                            <asp:TemplateField>
                                <ItemTemplate>
                                    <asp:CheckBox ID="myCheckBox" runat="server" />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:BoundField DataField="Nombre" HeaderText="Participante" />
                            <asp:TemplateField>
                                <ItemTemplate>
                                    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl=<%# String.Format("javascript:void(showPopUp('{0}'))", Eval("id")) %>>Ver</asp:HyperLink>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                        <EditRowStyle BackColor="#999999" />
                        <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                        <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                        <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                        <SortedAscendingCellStyle BackColor="#E9E7E2" />
                        <SortedAscendingHeaderStyle BackColor="#506C8C" />
                        <SortedDescendingCellStyle BackColor="#FFFDF8" />
                        <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
                    </asp:GridView>
                </div>
                <div class="formSpacing">
                    <asp:LinkButton ID="lnkAgregar" runat="server" CssClass="lnkbtn" OnClick="lnkAgregar_Click">Seguir</asp:LinkButton></div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div style="float: right; width: 550px;">
            <div>
                <div style="float: left; width: 45px;">
                    <img src="Images/medallero.png" style="width: 45px;" />
                </div>
                <div style="float: left; padding-left: 5px;">
                    <h3>
                        Medallero Olimpico</h3>
                </div>
                <div class="clear">
                </div>
            </div>
            <div>
                <table style="text-align: center;">
                    <thead class="medalleroheader">
                        <tr>
                            <td class="tdCountry tdHeader">
                            </td>
                            <td class="tdMedal tdHeader">
                                <img src="Images/couple10.png" />
                            </td>
                            <td class="tdMedal tdHeader">
                                <img src="Images/couple11.png" />
                            </td>
                            <td class="tdMedal tdHeader">
                                <img src="Images/couple12.png" />
                            </td>
                            <td class="tdTotal tdHeader">
                                Total
                            </td>
                        </tr>
                    </thead>
                </table>
                <asp:Panel ID="pnlMedallero" runat="server" Height="183px" ScrollBars="Auto">
                    <table>
                        <tbody>
                            <asp:Literal ID="litMedalleroData" runat="server"></asp:Literal>
                        </tbody>
                    </table>
                </asp:Panel>
                <table>
                    <tfoot class="medalleroFooter">
                        <tr>
                            <td colspan="5">
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        <div class="clear">
        </div>
        <div id="popUpInfoParticipantes" style="width: 370px; position: absolute; z-index: 10;
            background: #FFF; display: none; border: solid 1px #848484;">
            <div style="height: 20px; background: #EBEBEB;">
                <a style="text-decoration: none; border: none;" href="javascript:void(0)" onclick="closePopUp();">
                    <img src="Images/cross.jpg" style="float: right; padding: 4px;" />
                </a>
            </div>
            <div id="contentInfoParticipante">
            </div>
            <div class="clear">
            </div>
        </div>
        <script src="Scripts/mootools-1.2.5-core-nc.js" type="text/javascript"></script>
        <script src="Scripts/eventCalendar.js" type="text/javascript"></script>
</asp:Content>
